html {
  font-size: 62.5%; }

body {
  font-family: "Microsoft Yahei",Helvetica,"SimHei",Arial,Tahoma;
  line-height: 1.6;
  background-color: #f5f5f5;
  color: #333;
  max-width: 640px;
  margin: 0 auto; }

/*clear float*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

img {
  max-width: 100%;
  height: auto; }

ul {
  padding-left: 0;
  margin: 0; }

li {
  list-style: none; }

h3, h4 {
  margin: 0; }

a {
  color: #00b7ee;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

.org {
  color: #ff6000; }

.gray {
  color: #898989; }

.btn-org {
  background-color: #f63;
  margin-bottom: 1.5rem;
  color: #fff;
  border: none;
  border-radius: .4rem;
  padding: .6rem 1rem;
  font-size: 1.4rem; }

a.btn-org {
  text-decoration: none; }

.btn-block {
  display: block;
  text-align: center; }

.text-right {
  text-align: right; }

.btn-brown {
  background-color: #b28850;
  margin-bottom: 1.5rem;
  color: #fff;
  border: none;
  border-radius: .4rem;
  padding: .6rem 1rem;
  font-size: 1.4rem;
  text-decoration: none; }

.graybg {
  background-color: #a0a0a0; }

.block {
  background-color: #fff;
  padding: 1rem;
  overflow: hidden; }
.block p{
  font-size: 1.3rem;
}

.order {
  margin-top: 1rem; }
  .order .state {
    border-bottom: .1rem solid #e4e1e1;
    padding-bottom: .6rem;
    color: #898989; }
    .order .state span {
      float: right; }
  .order .orderinfo {
    position: relative;
    padding: 1rem .6rem 0;
    overflow: hidden; }
    .order .orderinfo .picbox {
      float: left;
      width: 20%; }
    .order .orderinfo .proinfo {
      float: left;
      width: 60%;
      padding-left: .8rem; }
      .order .orderinfo .proinfo h3 {
        font-size: 1.4rem;
        height: 3.8rem;
        overflow: hidden; }
      .order .orderinfo .proinfo .pri {
        color: #b82a2a;
        margin-top: 3%;
        font-size: 1.4rem; }
    .order .orderinfo .proinfo1 {
      width: 76%; }
    .order .orderinfo .paybtn {
      position: absolute;
      right: .4rem;
      top: 35%; }
      .order .orderinfo .paybtn a {
        display: block;
        height: 4rem;
        width: 4rem;
        text-align: right; }
        .order .orderinfo .paybtn a img {
          width: 20%; }

.to {
  margin-top: 1rem;
  line-height: 2rem;
  padding: 1rem 1.5rem; }
  .to p {
    margin: 0;
    font-weight: 700; }

.invitbox {
  padding: .8rem;
  overflow: hidden;
  position: relative;
  text-align: center; }
  .invitbox .cirbox {
    position: absolute;
    top: 22%;
    width: 95%; }
  .invitbox .cir {
    background-color: #151424;
    width: 7rem;
    height: 7rem;
    margin: 0 auto;
    border-radius: 100%;
    color: #fff;
    text-align: center; }
    .invitbox .cir span {
      padding-top: .3rem;
      display: inline-block;
      font-size: 3rem; }
  .invitbox .btnbox {
    position: absolute;
    width: 95%;
    bottom: 22%; }
  .invitbox .btn-brown {
    margin: 0 auto;
    width: 50%; }
  .invitbox .textbox {
    position: absolute;
    bottom: 8%;
    width: 95%;
    font-size: 1.4rem; }
  .invitbox p {
    color: #fff;
    margin: 0 auto;
    width: 75%;
    text-align: center; }

.invituser {
  padding: 0 1rem .8rem;
  overflow: hidden; }
  .invituser .tit {
    border-bottom: .1rem solid #e4e1e1;
    padding-bottom: .3rem;
    font-size: 1.4rem;
    margin-bottom: .7rem; }
  .invituser li {
    color: #898989;
    padding: .3rem;
    font-size: 1.4rem; }
    .invituser li span {
      float: right; }

.invituserinfo {
  padding: 1rem; }
  .invituserinfo li {
    position: relative;
    border-bottom: .1rem solid #e4e1e1; }
    .invituserinfo li input {
      font-size: 1.4rem;
      width: 50%;
      border: none;
      background: none;
      padding: 1.5rem 1rem; }
    .invituserinfo li .code {
      position: absolute;
      right: .8rem;
      width: 30%;
      top: 0.8rem; }
  .invituserinfo .btnbox {
    padding-top: 2rem; }
    .invituserinfo .btnbox .btn-block {
      width: 100%; }

.bottom {
  position: fixed;
  bottom: 0;
  padding: 1rem;
  overflow: hidden;
  width: 94%;
  z-index: 999; }
  .bottom a {
    margin-bottom: 0; }

.memberinfobox {
  text-align: center;
  background: url(../images/memberbg.jpg) no-repeat;
  background-size: cover; }
  .memberinfobox .memberinfo {
    text-align: left;
    padding: 4% 4% 3%; }
    .memberinfobox .memberinfo .memberpic {
      float: left;
      width: 20%;
      margin-left: 1rem; }
    .memberinfobox .memberinfo .membertext {
      float: left;
      width: 70%;
      padding-left: 1rem; }
      .memberinfobox .memberinfo .membertext p {
        margin: .1rem;
        color: #cfa972;
        font-size: 1.3rem; }
        .memberinfobox .memberinfo .membertext p strong {
          color: #fff;
          font-size: 1.4rem; }
        .memberinfobox .memberinfo .membertext p.gray {
          color: #ababab; }
  .memberinfobox .welfare {
    padding: 1rem 1.2rem 0;
    border-top: 1px solid #888;
    margin-top: 1rem;
    overflow: hidden; }
    .memberinfobox .welfare ul {
      color: #fff;
      padding-left: 2rem; }
      .memberinfobox .welfare ul li {
        float: left;
        width: 49%;
        padding-bottom: .5rem; }
        .memberinfobox .welfare ul li strong {
          font-size: 2rem;
          margin-right: .5rem; }
        .memberinfobox .welfare ul li span {
          display: inline-block; }
      .memberinfobox .welfare ul i {
        display: inline-block;
        background: url(../images/icon.png) no-repeat;
        width: 2.5rem;
        height: 2.5rem;
        margin-right: .6rem;
        background-size: 18rem auto; }
        .memberinfobox .welfare ul i.yq {
          background-position: 0 0; }
        .memberinfobox .welfare ul i.nk {
          background-position: -5.2rem 0; }
        .memberinfobox .welfare ul i.cs {
          background-position: -10.2rem 0; }
        .memberinfobox .welfare ul i.free {
          background-position: -15.5rem 0; }
  .memberinfobox .huangg {
    text-align: center;
    padding: 7% 4% 6%; }
    .memberinfobox .huangg p {
      margin-bottom: 1rem;
      margin-top: 0;
      color: #fff;
      font-size: 1.6rem; }
    .memberinfobox .huangg img {
      width: 40%; }

.buybox {
  margin-top: 1rem; }
  .buybox h3 {
    font-size: 1.6rem; }
  .buybox .card {
    padding: 2rem 0 1rem;
    border-bottom: 1px solid #e4e1e1;
    overflow: hidden; }
    .buybox .card:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .buybox .card h4 {
      color: #666;
      font-size: 1.4rem;
      padding-left: .5rem; }
      .buybox .card h4 .btn-org {
        margin-left: 1.2rem; }
    .buybox .card .iconbox {
      padding-top: 1.2rem;
      padding-left: .5rem;
      color: #868585; }
      .buybox .card .iconbox span {
        display: inline-block;
        height: 3rem;
        line-height: 3rem;
        border-right: 1px solid #e4e1e1;
        padding-right: 1rem;
        font-size: 1.4rem; }
        .buybox .card .iconbox span:last-child {
          border-right: none; }
      .buybox .card .iconbox i {
        display: inline-block;
        background: url(../images/icon.png) no-repeat;
        width: 2rem;
        height: 2rem;
        margin-right: .3rem;
        margin-bottom: -.5rem;
        background-size: 18rem auto; }
        .buybox .card .iconbox i.yq {
          background-position: 0 bottom; }
        .buybox .card .iconbox i.nk {
          background-position: -3.4rem bottom; }
        .buybox .card .iconbox i.cs {
          background-position: -10.2rem bottom; }
        .buybox .card .iconbox i.free {
          background-position: -6.8rem bottom; }
  .buybox .qyico {
    padding-top: 1rem;
    overflow: hidden; }
    .buybox .qyico li {
      float: left;
      width: 20%;
      text-align: center; }
      .buybox .qyico li p {
        margin: 0; }
    .buybox .qyico i {
      display: inline-block;
      background: url(../images/icon1.png) no-repeat;
      width: 4.6rem;
      height: 5rem;
      background-size: cover; }
      .buybox .qyico i.yq {
        background-position: 0 0; }
      .buybox .qyico i.nk {
        background-position: 0 -7.2rem; }
      .buybox .qyico i.cs {
        background-position: 0 -14.6rem; }
      .buybox .qyico i.free {
        background-position: 0 -22.3rem; }
    .buybox .qyico .arrow {
      display: inline-block;
      width: 4rem;
      height: 4rem;
      padding-top: 2rem;
      vertical-align: bottom; }
      .buybox .qyico .arrow img {
        width: 30%; }
  .buybox .sendbox {
    padding-top: .8rem;
    overflow: hidden;
    position: relative;
    font-size: 1.4rem; }
    .buybox .sendbox .arrow {
      position: absolute;
      right: 2%;
      top: 40%; }
    .buybox .sendbox .sendpic {
      float: left;
      width: 20%; }
    .buybox .sendbox .sendtext {
      padding-top: 3%;
      float: left;
      padding-left: 3%;
      width: 68%; }

.memberinfobox .vipmember {
  background: url(../images/vip.png) no-repeat;
  background-size: auto 42%;
  padding-top: 1rem; }
  .memberinfobox .vipmember .membertext {
    padding-left: 35%;
    padding-top: .3rem;
    width: 60%;
    float: none;
    font-size: 1.4rem; }
    .memberinfobox .vipmember .membertext p {
      color: #6a3906; }
    .memberinfobox .vipmember .membertext .white {
      color: #fff; }

.paddingtop {
  padding-top: 1rem; }

.noborder {
  border-top: none !important; }

.buy {
  padding: 2rem; }
  .buy h3 {
    font-weight: 400;
    font-size: 1.6rem; }
    .buy h3 span {
      float: right; }
  .buy p {
    color: #898989;
    font-size: 1.3rem;
    border-bottom: 1px solid #e4e1e1;
    padding-bottom: 1rem; }

.overtips {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  margin: 0 auto;
  z-index: 9999;
  text-align: right;
  padding-top: 1.5rem;
  padding-right: 3.5rem; }
  .overtips img {
    width: 80%;
    margin-right: 1.5rem; }

.invitext {
  text-align: left;
  font-size: 1.4rem;
  color: #333; }

.shine {
  font-size: 1.4rem; }
  .shine p {
    text-indent: 2rem; }
  .shine .picbox {
    float: left; }
    .shine .picbox img {
      width: 5rem;
      height: 5rem;
      border-radius: 100%;
      border: 1px solid #e4e4e4; }
  .shine h3 {
    float: left;
    padding-left: 1.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    padding-top: 1.5rem; }
  .shine .qrcode {
    text-indent: 0;
    border-top: 1px solid #d4d4d4;
    padding-top: 1rem;
    text-align: center;
    color: #898989; }
    .shine .qrcode img {
      width: 60%; }

@media (min-width: 641px) {
  .overtips {
    width: 640px; } }

/*# sourceMappingURL=usercenter.css.map */
/*7.30*/
.memberinfobox .huangg{padding: 42% 4% 3%;}
.memberinfobox .huangg h3{font-size: 2.8rem;color: #fff;font-weight: 400;}
.memberinfobox .huangg p{background-color: #492b03;font-size: 1.4rem;font-weight: 400; display: inline-block;padding:0 4%;margin-bottom: 0;}
.org{color: #b28750;}
.buybox .card{padding: 1rem 0;border-bottom: 0;}
.buybox .card:last-child{padding-bottom: 1rem;}
.buybox .card h4{font-size: 1.6rem;}
.btn-org{background-color: #b28750;border-radius: 0;padding: .6rem 2rem;margin-bottom: 0;}
.buybox .card h4 .btn-org{float: right;margin-left: 0;font-size: 1.6rem;}
.buybox .card .iconbox{padding-top: 0;}
.buybox h3{padding-top: 1rem;}
.buybox .qyico{padding-top: 2rem;}
.buybox .qyico i{background: url(../images/icon2.png) no-repeat;width: 3.6rem;height: 4rem;background-size: cover;}
.buybox .qyico i.nk {background-position: 0 -5.2rem;}
.buybox .qyico i.cs {background-position: 0 -10.6rem;}
.buybox .qyico i.free {background-position: 0px -16.3rem;}
.buybox .qyico .arrow{padding-top: 1.2rem;}
.memberinfobox .memberinfo .membertext p{font-size: 1.4rem;}
.member{background: url(../images/memberbg1.jpg) no-repeat;background-size: cover;}
.memberinfobox .welfare {border-top: 1px solid #b28750;}
.invitbox{padding:0;}
.btn-brown{border-radius: 0;font-size: 1.6rem;}
.invitbox .textbox{bottom: 3%;}
.buy{padding:1rem 2rem;}
.buy h3{font-size: 1.5rem;}.buy .btnbox{text-align: center;}
.buy .getinfo{overflow: hidden;padding:0 2.5rem;}
.buy .btnbox a.btn-org{padding:.6rem 5rem;}
.buy .btnbox .inputbox{float: left; width: 60%;}
.buy .btnbox .button{float: right;width: 32%;}
.buy .btnbox .inputbox ul{text-align: left;}
.buy .btnbox .inputbox input{border:1px solid #b28750;color: #b28750;padding:.8rem .5rem;width: 100%;margin-bottom: .5rem;font-size: 1.6rem;}
.buy .btnbox .button a{display: block; text-align: center;padding:1.4rem 0;font-size: 1.6rem;}
.text-center{text-align: center;}
.text-center p{font-size: 1.4rem;}
.padding-all{padding:.5rem 5rem;font-size: 1.6rem;}
.tequan h3{font-size: 1.7rem;}
.tqbox{text-align: center;padding:.5rem 0;width: 60%;margin:0 auto;}
.tqbox img{max-width: 70%;}
.newpstyle p{font-size: 1.4rem;color: #b28750;text-align: center;padding-bottom: 0;border-bottom: 0;margin:.5rem 0;}
.invituserinfo li{border-bottom: 0;margin:1rem 0;}
.invituserinfo li input{border:1px solid #b28750;padding:.8rem 1rem;width: 90%;}
















